.com-news {
    &>ul.main {
        padding: 0 24px;
        background-color: rgb(29, 33, 68);
        border-radius: 5px;
        &>li {
            display: flex;
            max-width: 100%;
            overflow: hidden;
            padding: 24px 0;
            &:last-child {
                border: none;
                .title {
                    border: none;
                }
            }
            p.time {
                width: 120px;
                height: 57px;
            }
            p {
                color: #959cb1;
                line-height: 24px;
                font-size: 16px;
            }
            h1 {
                color: #fff;
            }
           .title {
                margin: 0 24px;
                padding-bottom: 24px;
                width: 80%;
                border-bottom: 1px solid #e3e3e3;
               h1 {
                    font-size: 24px;
                    line-height: 40px;
                    max-width: 80%;
                    font-size: 24px;
                    letter-spacing: 1px;
                    line-height: 30px;
                    margin: 0;
                    font-weight: 500;
                    overflow: hidden;
                    margin-bottom: 20px;
               }
               p {
                   font-size: 16px;
                   letter-spacing: 0.5px;
                   line-height: 32px;
                   word-break: break-word;
               }

           }
           .name {
               padding: 0 24px;
           }
            
        }
        &>li:hover {
            cursor: pointer;
            .title {
                h1 {
                    color: rgb(74, 108, 247);
                }
            }
        }
    }
}